<!DOCTYPE HTML>
<html>
<head>
<title>zm个人介绍</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
 <!-- Custom Theme files -->
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <meta name="keywords" content="" />
<!--<link href='http://fonts.googleapis.com/css?family=Asap:400,700,400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'> -->
 <!---- start-smoth-scrolling---->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});
		</script>
 <!---- start-smoth-scrolling---->
</head>
	<body>
		<!-- container -->


<!-- 导航样式修改 -->
<style type="text/css">
	.my-nav {
		background: #e7e7e7;
	}
	.right-style {
		font-family: '微软雅黑'
	}
	.right-font-style {
		color: #EB2D4A !important;


	}
</style>

<header>
	<div class="section_overlay">
			<nav class="navbar my-nav navbar-fixed-top">
			  <div class="container">
				<div class="navbar-header" style="height: 69px;">
				   	<a class="navbar-brand" href="../index.html"><img class="my-logoPic" src="images/logo.gif" alt=""></a>
				</div>
				<!-- 锚点追踪 -->
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				  	<ul class="nav navbar-nav navbar-right right-style">
						<li class="active"><a data-hover="主页" href="../index.html">主页</a></li> 
						<li><a class="active" data-hover="介绍" href="#about">信息</a></li>
						<li><a class="active" data-hover="技能" href="#services" >技能</a></li>
						<li><a class="active" data-hover="经历" href="#work">经历</a></li>
						<li><a class="active" data-hover="作品" href="#blogs">作品</a></li>
				  	</ul>
				</div>
			  </div>
			</nav> 
		</div>
	</div>
</header>

<div id="HOME" style="background-position: 50% -125px;">

	<div id="home" class="header"></div>
	<!-- about -->
	<div id="about" class="about">
	<!-- /script-for-menu -->
		<div class="clearfix"> </div>
			<div class="col-md-6 about-left">
				<div id="owl-demo1" class="owl-carousel owl-carousel2">
				                <div class="item">
				                	<div class="about-left-grid">
										<h2>Hi! I'm <span>赵 敏</span></h2>
										<p>对事物有敏锐的洞察力，能很好的与人沟通。从小学习绘画，也作为艺术 特长生在大学学习数字媒体艺术专业。喜欢所有与设计相关的工作，如：绘 画与教学、摄影摄像、手工DIY、平面设计。   大学所学的专业注重实践能力培养，安排有多媒体网页设计与制 作、移动多媒体应用设计、摄影与摄像、Flash动画设计、数 字音视频制作、数字媒体网络传输等多个实践环节，它们与 毕业设计一起构成完整的实践教学环节 
										  </p>
										<ul>
											<li><a class="a-btn-a scroll" href="#port">UI 设计</a></li>
											<li><a class="a-btn-h scroll" href="#contact">平面 设计</a></li>
										</ul>
									</div>
				                </div>
				                  <div class="item">
				                	<div class="about-left-grid">
										<h2>不甘<span>平凡</span></h2>
										<p>抱怨身处黑暗，不如提灯前行，愿你在自己存在的地方，成为一束光，照亮世界的一角。

										一个人年轻时必须要吃很多亏，犯很多错，要被当成小孩很多年，才能够真正成为那种独当一面，被人依赖的人。
										们的青春都一样，孤独，迷茫，有光亮。
                                         </p>
										<ul>
											<li><a class="a-btn-a scroll" href="#port">UI 设计</a></li>
											<li><a class="a-btn-h scroll" href="#contact">平面 设计</a></li>
										</ul>
									</div>
				                </div>
				                  <div class="item">
				                	<div class="about-left-grid">
										<h2>心在哪里， <span>风景就在哪里</span></h2>
										<p>心之所安，一路风景 　 孙中山说：“吾心信其可行，则移山填海之难，终有成功之日。”将心灵安放于所向之事，倾注全身力量执著向前，才能成就一路绮丽的风景。“心在哪里，风景就在哪里。”跟随心的指引，为此心而用心，以此身来安放心灵，风景便在远处迎接着你</p>
										<ul>
											<li><a class="a-btn-a scroll" href="#port">UI 设计</a></li>
											<li><a class="a-btn-h scroll" href="#contact">平面 设计</a></li>
										</ul>
									</div>
				                </div>
				</div>
			</div>
			<div class="col-md-6 about-right">
				
			</div>
			<div class="clearfix"> </div>
			<link href="css/owl.carousel.css" rel="stylesheet">
			<script src="js/owl.carousel.js"></script>
		<script>
			$(document).ready(function() {
				$("#owl-demo1").owlCarousel({
					items : 1,
					lazyLoad : false,
					autoPlay : true,
					navigation : false,
					navigationText :  false,
					pagination : true,
				});
			});
		</script>
		<!-- Feedback -->
		<script>
			$(document).ready(function() {
				$("#owl-demo3").owlCarousel({
					items : 1,
					lazyLoad : false,
					autoPlay : true,
					navigation : false,
					navigationText :  true,
					pagination :true,
				});
			});
		</script>
		</div>
		<!-- /about -->
			<!-- services -->
			<div id="services" class="services">
				<div class="container">
					<div class="service-head one text-center ">
						<h4>我的 爱好</h4>
						<h3>个人 <span>技能</span></h3>
						<span class="border two"></span>
					</div>
					<!-- services-grids -->
					<div class="wthree_about_right_grids w3l-agile">
				<div class="col-md-6 wthree_about_right_grid">
					<div class="col-xs-4 wthree_about_right_grid_left">
						<div class="hvr-rectangle-in">
							<i class="glyphicon glyphicon-pencil"></i>
						</div>
					</div>
					<div class="col-xs-8 wthree_about_right_grid_right">
						<h4>手绘</h4>
						<p>从小学时接触手绘，在到初中开始专业的学习素描、速写、色彩到现在也快有十年之久，我并不知道我为什么会喜欢手绘，但我知道我在绘画的时候是快乐的。</p>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="col-md-6 wthree_about_right_grid">
					<div class="col-xs-4 wthree_about_right_grid_left">
						<div class="hvr-rectangle-in">
							<i class="glyphicon glyphicon-edit"></i>
						</div>
					</div>
					<div class="col-xs-8 wthree_about_right_grid_right">
						<h4>平面设计</h4>
						<p>我现在在一家公司上班，公司领导对我说平面与UI并没有什么区别,我不想赞同，因为闻道有先后,术业有专攻，既无区别，有为何区分。</p>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="col-md-6 wthree_about_right_grid">
					<div class="col-xs-4 wthree_about_right_grid_left">
						<div class="hvr-rectangle-in">
							<i class="glyphicon glyphicon-thumbs-up"></i>
						</div>
					</div>
					<div class="col-xs-8 wthree_about_right_grid_right">
						<h4>软件基础</h4>
						<p>大四上期在学习双体系学习，
						主要课程为技术培训：（Java、JDBC、Servlet、JSP、Html、 JavaScript、CSS 、Orcale等）    职场关键能力培训（逻辑思维、沟通技巧、团队协作、书面表 达等</p>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="col-md-6 wthree_about_right_grid">
					<div class="col-xs-4 wthree_about_right_grid_left">
						<div class="hvr-rectangle-in">
							<i class="glyphicon glyphicon-eye-open"></i>
						</div>
					</div>
					<div class="col-xs-8 wthree_about_right_grid_right">
						<h4>摄影</h4>
						<p>从大二开始用兼职的钱买了一台属于自己的单反，也拍过很多自己喜欢的人物与风景，摄影的构图千变万化，与手绘又有所相通。</p>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="clearfix"> </div>
			</div>

					<!-- services-grids -->
				</div>
			</div>
			<!-- services -->
			<!--work-experience-->
	<div id="work" class="work">
		<div class="container">
			<div class="service-head text-center">
						<h4>我的 大学</h4>
						<h3>我的 <span>经历</span></h3>
						<span class="border one"></span>
					</div>
					<div class="time-main w3l-agile">
							<div class="col-md-6 year-info">
							   <ul class="year">
								   <li>2017</li>
								   <li>2016</li>
								   <li>2015</li>
								   <li>2014</li>
								   <li>2013</li>
								   <div class="clearfix"></div>
								</ul>
							</div> 
					                        <ul class="col-md-6 timeline">
																<li>
																  <div class="timeline-badge info"><i class="glyphicon glyphicon-briefcase"></i></div>
																  <div class="timeline-panel">
																	<div class="timeline-heading">
																	  <h4 class="timeline-title">第一份offer</h4>
																	</div>
																	<div class="timeline-body">
																	  <p>到目前为止，这是我的第一份正式工作，虽然只是实习，做的工作可是和正式员工一样的，来工作过后综合实力已提升一大截。领导也很照顾我，但毕竟只是实习，也会有很多心有不甘，我相信只要实习过的人都知道。</p>
																	</div>
																  </div>
																</li>
																
																<li>
																  <div class="timeline-badge primary"><i class="glyphicon glyphicon-briefcase"></i></div>
																  <div class="timeline-panel">
																	<div class="timeline-heading">
																	  <h4 class="timeline-title">双体培训</h4>
																	</div>
																	<div class="timeline-body">
																	  <p>在2016年里只有半年的时间在双体系学习，亦师亦友的他们会不断激发你的潜能，在这里我所认识的人都是好朋友。幸运的是在大学最后一年的尾巴里拿到了大学里最后一个目标国奖。</p>
																	</div>
																  </div>
																</li>
																
																
																
																<li>
																  <div class="timeline-badge danger"><i class="glyphicon glyphicon-briefcase"></i></div>
																  <div class="timeline-panel">
																	<div class="timeline-heading">
																	  <h4 class="timeline-title">美术培训</h4>
																	</div>
																	<div class="timeline-body">
																	  <p>从大一下期到大三暑假结束，我都在利用周末和寒暑假的时间在一家培训学校里教小孩子画画，不仅锻炼自己的绘画功底，还让我有了自力更生的能力，小孩子的童真感染着我，让我努力向前不怕失败。 </p>
																	</div>
																  </div>
																</li>
																
																<li>
																  <div class="timeline-badge success"><i class="glyphicon glyphicon-briefcase"></i></div>
																  <div class="timeline-panel">
																	<div class="timeline-heading">
																	  <h4 class="timeline-title">勤工</h4>
																	</div>
																	<div class="timeline-body">
																	  <p>在学习勤工助学中心有两年的时间，在这个组织里我交到了很多知己，有着共同的话题，做着共同事情、彼此欣赏、相互学习，在你需要帮助的时候都会义无反顾的帮助你。</p>
																	</div>
																  </div>
																</li>
																<li>
																  <div class="timeline-badge pass"><i class="glyphicon glyphicon-briefcase"></i></div>
																  <div class="timeline-panel">
																	<div class="timeline-heading">
																	  <h4 class="timeline-title">高中毕业</h4>
																	</div>
																	<div class="timeline-body">
																	  <p>作为艺术生专业成绩考入川美造型类22名已是很好的成绩，但是由于外语单科成绩差4分，与之失之交臂，当时年少暑假时便找了工作，不读大学或者在来一年，但最后因为各种原因，还是选择了移通，四年过去了，很明显我并不后悔。</p>
																	</div>
																  </div>
																</li>
															</ul>
								<div class="clearfix"></div>
								</div>
						</div>
				</div>
	<!--//work-experience-->

		
    <!-- top-grids -->
				<div class="blog" id="blogs">
					<div class="container">
						<div class="service-head text-center">
						<h4>作品</h4>
						<h3>我的 <span>作品</span></h3>
						<span class="border one"></span>
					</div>
					   <div class="news-grid w3l-agile">
					    <div class="col-md-6 news-img">
						  <a href="#" data-toggle="modal" data-target="#myModal1"> <img src="images/b1.jpg" alt=" " class="img-responsive"></a>
						 
						</div>
					    <div class="col-md-6 news-text">
						   <h3> <a href="#" data-toggle="modal" data-target="#myModal1">银行卡卡面设计</a></h3>
							<ul class="news">
								<li><i class="glyphicon glyphicon-user"></i> ZM</li>
								<li><i class="glyphicon glyphicon-comment"></i> 一个月</li>
								<li><i class="glyphicon glyphicon-heart"></i> 未知></li>
								<li><i class="glyphicon glyphicon-tags"></i> 设计</li>
							</ul>
							<p>该设计是集创家科技有限公司与招商银行的联名银行卡，这也是一直由我来设计，在设计的过程中遇到很多问题，每个领导所考虑的事情不同，而对于我的修改意见也是不同的。所以我也做了很多个版本，其中黑色版本是我最喜欢的，因为下面的线条是我们手绘出来的全球创意生活家，也是我们公司的宣传语。</p>
							<a href="#" data-toggle="modal" data-target="#myModal1" class="read hvr-shutter-in-horizontal">查看详细</a>
					
						</div>
		
						<div class="clearfix"></div>
					 </div>
					  <div class="news-grid">

					    <div class="col-md-6 news-text two">
						   <h3> <a href="#" data-toggle="modal" data-target="#myModal11">大学期间美术培训</a></h3>
							<ul class="news">
								<li><i class="glyphicon glyphicon-user"></i> ZM</li>
								<li><i class="glyphicon glyphicon-comment"></i>近3年</li>
								<li><i class="glyphicon glyphicon-heart"></i> 120 人左右</li>
								<li><i class="glyphicon glyphicon-tags"></i> 教育</li>
							</ul>
							<p>在美术学校培训时我要负责学校所有美术课程，学生年龄段在4—18岁，教授课程主要是以素描、线描、儿童画为主。辅导学生参加社会美术等级考试并全部通过，每期组织一次学生外出写生，并在教学中通过理论联系实际的方法加强学生绘画功底与自信心，也多次获得领导赞赏与家长感谢。</p>
								<a href="#" data-toggle="modal" data-target="#myModal11" class="read hvr-shutter-in-horizontal">查看详细</a>
					
						</div>
						<div class="col-md-6 news-img two">
						   <a href="#" data-toggle="modal" data-target="#myModal11"> <img src="images/b2.jpg" alt=" " class="img-responsive"></a>
						 
						</div>
						<div class="clearfix"></div>
					 </div>
					  <div class="news-grid">
					    <div class="col-md-6 news-img">
						  <a href="#" data-toggle="modal" data-target="#myModal11"> <img src="images/b4.jpg" alt=" " class="img-responsive"></a>
						 
						</div>
					    <div class="col-md-6 news-text">
						   <h3> <a href="#" data-toggle="modal2" data-target="#myModal12">个人摄影作品</a></h3>
							<ul class="news">
								<li><i class="glyphicon glyphicon-user"></i> <a href="#">ZM</a></li>
								<li><i class="glyphicon glyphicon-comment"></i> <a href="#">四年</a></li>
								<li><i class="glyphicon glyphicon-heart"></i> <a href="#">自己喜欢就好</a></li>
								<li><i class="glyphicon glyphicon-tags"></i> <a href="#">摄影</a></li>
							</ul>
							<p>摄影是我的爱好，与手绘不同，这个爱好我可以坚持、也可以不坚持，只要自己喜欢的时候、出去旅游的时候，在回来时有所收获、在发朋友圈时和很多朋友的照片有所区别就好。手绘是专业、也是工作设计相关。而摄影只是爱好，只要我这一次比上一次做得更好就好。</p>
							<a href="#" data-toggle="modal" data-target="#myModal12" class="read hvr-shutter-in-horizontal">查看详细</a>
					
						</div>
		
						<div class="clearfix"></div>
					 </div>
					</div>
				</div>
				<!-- top-grids -->
	<!-- /blog-pop-->
			<div class="modal ab fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
				<div class="modal-dialog about" role="document">
					<div class="modal-content about">
						<div class="modal-header">
							<button type="button" class="close ab" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>						
						</div>
						<div class="modal-body about">
								<div class="about">
									
									  <div class="about-inner">
									   
									      <img src="images/b3.jpg" alt="about"/>
										     <h4 class="tittle">卡面 设计</h4>
										   <p>  联名卡是银行与营利性机构合作发行的银行卡附属产品。常见的联名卡主要是银行与各大商场、超市、图书馆联合发行的银行卡种类。而集创家是一家全球卖、全球卖的平台，所有联名银行卡给大多数人的感觉就是可以打折，自己也有优惠，是一个三赢的方案。</p>
										    <p>众多银行卡发行银行卡、种类繁多,近年来,各种类型的联名卡也不断涌现,在全球的发卡量中占了一半左右。 </p>
									  </div>
												
								</div>
						</div>
					</div>
				</div>
			</div>
			<!-- //blog-pop-->
			<!-- /blog-pop1-->
			<div class="modal ab fade" id="myModal11" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1">
				<div class="modal-dialog about" role="document">
					<div class="modal-content about">
						<div class="modal-header">
							<button type="button" class="close ab" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>						
						</div>
						<div class="modal-body about">
								<div class="about">
									
									  <div class="about-inner">
									   
									      <img src="images/b5.jpg" alt="about"/>
										     <h4 class="tittle">美术 培训</h4>
										   <p>当今许多年轻的父母，都希望自己的孩子有美术方面的才能，能够涂涂抹抹，写写画画，甚至长大后能成名成家。这种愿望是好的。然而一个孩子有无美术才能，能否沿着正确轨道发展，因素是很多的，除了遗传因素外，很重要还取决于后天的环境和教育因素的影响，以及个人的兴趣和主观努力。所谓美术才能指儿童对形象中的线条、明暗、结构、色彩等方面而引起情绪变化的感受，并具有美术某一方面的特殊才能如绘画、泥塑、雕刻、折叠等。</p>
										    <p>梦开始的地方,让成功不再遥远.快乐教育,放飞童心.名人的摇篮,让未来之星在这里起航. </p>
									  </div>
												
								</div>
						</div>
					</div>
				</div>
			</div>
			<!-- //blog-pop1-->
					<!-- /blog-pop2-->
			<div class="modal ab fade" id="myModal12" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2">
				<div class="modal-dialog about" role="document">
					<div class="modal-content about">
						<div class="modal-header">
							<button type="button" class="close ab" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>						
						</div>
						<div class="modal-body about">
								<div class="about">
									
									  <div class="about-inner">
									   
									      <img src="images/b6.jpg" alt="about"/>
										     <h4 class="tittle">摄影摄像</h4>
										   <p>"摄影是用光的艺术"这句话在我看来讲的非常到位。摄影，或者说拍照，无非就是你拿着个相机，当你按快门按钮的时候，快门（镜头外的世界和机身内部感光元件之间的门）会打开，过一段时间再关上。就在这一小段时间之内，光线会从镜头钻进来，照在长方形的感光元件上边，感光元件上几千万的感光点就会记录照到它上边的光的色彩。于是，你就得到一张照片了。 </p>
										    <p>摄影的核心——三个参数：快门、光圈、感光度 </p>
									  </div>
												
								</div>
						</div>
					</div>
				</div>
			</div>
			<!-- //blog-pop2-->
		
<div class="portfolio-modal modal fade slideanim" id="portfolioModal9" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-content port-modal">
        <div class="close-modal" data-dismiss="modal">
            <div class="lr">
                <div class="rl"></div>
            </div>
        </div>
        <div class="container">
			<div class="row">
                <div class="col-lg-8 col-lg-offset-2 text-center">
                    <div class="modal-body">
                        <img src="images/pic1.jpg" class="img-responsive img-centered" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container">
		<div class="row">
			<div class="col-lg-8 col-lg-offset-2 text-center">
				<div class="copyright_text   wow fadeInUp animated">
					<p><h5>Zhaimin © 2017 - All 个人博客  版权信息:由zm.@zhaomin科技公司提供</h5></p>
				</div>
			</div>
		</div>
	</div>
<a href="#home" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
	<!--start-smooth-scrolling-->
						<script type="text/javascript">
									$(document).ready(function() {
										/*
										var defaults = {
								  			containerID: 'toTop', // fading element id
											containerHoverID: 'toTopHover', // fading element hover id
											scrollSpeed: 1200,
											easingType: 'linear' 
								 		};
										*/
										
										$().UItoTop({ easingType: 'easeOutQuart' });
										
									});
								</script>
								<!--end-smooth-scrolling-->
<!-- //for bootstrap working -->
	<script src="js/bootstrap.js"></script>
	

	</body>
</html>

